<!DOCTYPE html>
<!--[if IE 8]>
		<html xmlns="http://www.w3.org/1999/xhtml" class="ie8" lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
	<![endif]-->
<!--[if !(IE 8) ]><!-->
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="Shortcut Icon" href="/static/img/ico/favicon.ico" type="image/x-icon" />

	<link rel='stylesheet' th:href="@{/css/load-styles.css}"   type='text/css' media='all' />
	<link rel="stylesheet" href="/static/web/login/login.css">

	<title>注册表单 &lsaquo; thisding 资源共享网</title>
	<style type="text/css">
		#login form {
			-webkit-box-shadow: 0 2px 5px 0 rgba(146, 146, 146, .1);
			-moz-box-shadow: 0 2px 5px 0 rgba(146, 146, 146, .1);
			box-shadow: 0 8px 25px 0 rgba(146, 146, 146, 0.21);
		}

		#login form .forgetmenot {
			float: none
		}

		#login form p.submit {
			padding: 20px 0 0;
		}

		#login form p.submit .button-primary {
			float: none;
			background-color: #494949;
			font-weight: bold;
			color: #fff;
			width: 100%;
			height: 40px;
			border-width: 0;
			border-color: none
		}

		#login form input {
			box-shadow: none !important;
			outline: none !important
		}
		.login h1 a {
			background-image: url("/static/img/logo.png")
			/*tpa=https://www.waitsun.com/wp-content/themes/WU/img/logo.png*/
		;
			width: 280px;
			max-height: 100px;
			margin: 20px auto 15px;
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center center;
		}
		.errmsg{
			color: red;
		}
		.login form{
			box-shadow: none;
			padding: 26px 24px 0;
		}
		.submit_btn{
			background: #2473c3;
			color: #fff;
			width: 100%;
			height: 48px;
			text-align: center;
			line-height: 48px;
			font-size: 18px;
			cursor: pointer;
			border: 0;
		}

	</style>

	<meta name='robots' content='noindex,noarchive' />
	<meta name='referrer' content='strict-origin-when-cross-origin' />
	<meta name="viewport" content="width=device-width" />
	<link rel="stylesheet" href="../../static/backstage/lib/layui/css/layui.css">
	<script type='text/javascript' src="../../static/web/wp-includes/js/jquery/jquery.js"></script>
	<script type='text/javascript' src="../../static/web/wp-includes/js/jquery/jquery-migrate.min.js"></script>
	<script src="../../static/backstage/lib/layui/layui.js" charset="utf-8"></script>
	<script src="../../static/web/wp-includes/js/jquery/jquery-3.3.1.min.js"></script>


</head>

<body class="login login-action-register wp-core-ui  locale-zh-cn" style="background: url(/static/img/body_bg.jpg);">
<div class="login_warp" >
	<div class="login_pannel clear inner"  style="height:650px; width: 1200px; margin: auto;">
		<div class="login_box" style="height:650px; ">
		<h1><a href="/" title="thisding 资源共享网" tabindex="-1">thisding 资源共享网</a></h1>
		<p class="message register">在这个站点注册</p>
		<!--<form name="registerform" id="registerform" method="post" th:action="@{/download/sys-user/register}" >-->
		<form name="registerform" id="loginWrap" method="post" >
			<p>
				<label for="user_login">用户名<br />
					<input type="text" name="userName" id="user_login" class="input" value="" size="20" required="required" /></label>
			</p>
			<p>
				<label for="user_email">电子邮件<br />
					<input type="email" name="email" id="user_email" class="input" value="" size="25"
						   pattern="^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$"
						    required/>
				</label>
			</p>
			<p>
				<label><span title="Powered by Easy Invitation Codes">密码</span><br />
					<!--// Get this plugin "BAW Easy Invitation Codes" , thank you. //-->
					<input name="pwd" tabindex="0" type="text" class="input" id="invitation_code" pattern=".{6,}" style="text-transform: uppercase" required/></label>
				<style>
					.baweic_fields_text_link {
						font-style: italic;
						position: relative;
						top: -15px
					}
				</style>
				<!--<span id="baweic_fields_text_link" class="baweic_fields_text_link">还没有邀请码? <a
						href="http://www.waitsun.com/xpay-html">请联系我们!</a></span>-->
			</p>
			<p class="errmsg" ></p>
			<br class="clear" />
			<input type="hidden" name="redirect_to" value="" />
			<input type="button" onclick="register()" name="wp-submit" id="wp-submit" class="submit_btn" value="注册" />
		</form>

		<p id="nav" >
			<a th:href="@{/download/sys-user/toLogin}" >登录</a>
			<!--| <a href="">忘记密码？</a>-->
		</p>

		<p id="backtoblog" ><a href="/">&larr; 返回到thisding 资源共享网</a></p>
		</div>
	</div>
</div>

	<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
	<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
	 <!--<script src="jquery-validation-1.15.1/dist/localization/messages_zh.min.js"></script>-->
	<script type="text/javascript">

		function register(){
				var d = {};
				var vals = $("#loginWrap").serializeArray();
				$.each(vals, function () { d[this.name] = this.value; });
				var data=JSON.stringify(d);
				$.ajax({
					url:"/download/sys-user/register",
					type:'post',
					data: data,
					datatype: "json",
					contentType: 'application/json',
					success:function (res) {
						$(".errmsg").text(res.msg);
						if(res.code==0){
							layer.alert("注册成功,请登录");
							location.href="/download/sys-user/toLogin";
						}
					}
				});
		}

		try { document.getElementById('user_login').focus(); } catch (e) { }
		if (typeof wpOnload == 'function') wpOnload();
	</script>

	<div class="clear"></div>
</body>

</html>